<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
  </head>
  <body>
    <div class="app">
      <h3>网易云音乐</h3>
      <!-- <img src="http://localhost:25040/img/榴莲.png" alt=""> -->
      <!-- 轮播图 -->
      <div class="swiper">
        <!-- 轮播图, 图片的盒子 -->
        <div class="swiper-wrapper">
          <div class="swiper-slide"></div>
        </div>
        <!-- 左右切换按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
      </div>

      <nav>
        <span class="active show">推荐音乐</span>
        <span class="rg">热歌榜</span>
        <span class="search">搜索</span>
      </nav>

      <main>
        <a href="https://music.163.com/#/member">
          <img
            src="https://p6.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/36432764871/a95c/6779/3ffc/662e9e1ad9df00a06e3cc408a826b6ab.png"
            alt=""
          />
        </a>
        <p>编辑推荐</p>

        <div class="nr">
          <div class="one">
            <div>
              <img
                src="http://p2.music.126.net/x44v5IkLN30gWgUYWYivbg==/109951164000997664.jpg?imageView=1&type=webp&thumbnail=246x0"
                alt=""
              />
              <!-- 播放量 -->
              <p><span>4585.4</span>万</p>
            </div>
            <p>别急，甜甜的恋爱马上就轮到你了</p>
          </div>

          <div class="one">
            <div>
              <img
                src="http://p2.music.126.net/x44v5IkLN30gWgUYWYivbg==/109951164000997664.jpg?imageView=1&type=webp&thumbnail=246x0"
                alt=""
              />
              <!-- 播放量 -->
              <p><span>4585.4</span>万</p>
            </div>
            <p>别急，甜甜的恋爱马上就轮到你了</p>
          </div>

          <div class="one">
            <div>
              <img
                src="http://p2.music.126.net/x44v5IkLN30gWgUYWYivbg==/109951164000997664.jpg?imageView=1&type=webp&thumbnail=246x0"
                alt=""
              />
              <!-- 播放量 -->
              <p><span>4585.4</span>万</p>
            </div>
            <p>别急，甜甜的恋爱马上就轮到你了</p>
          </div>

          <div class="one">
            <div>
              <img
                src="http://p2.music.126.net/x44v5IkLN30gWgUYWYivbg==/109951164000997664.jpg?imageView=1&type=webp&thumbnail=246x0"
                alt=""
              />
              <!-- 播放量 -->
              <p><span>4585.4</span>万</p>
            </div>
            <p>别急，甜甜的恋爱马上就轮到你了</p>
          </div>

          <div class="one">
            <div>
              <img
                src="http://p2.music.126.net/x44v5IkLN30gWgUYWYivbg==/109951164000997664.jpg?imageView=1&type=webp&thumbnail=246x0"
                alt=""
              />
              <!-- 播放量 -->
              <p><span>4585.4</span>万</p>
            </div>
            <p>别急，甜甜的恋爱马上就轮到你了</p>
          </div>

          <div class="one">
            <div>
              <img
                src="http://p2.music.126.net/x44v5IkLN30gWgUYWYivbg==/109951164000997664.jpg?imageView=1&type=webp&thumbnail=246x0"
                alt=""
              />
              <!-- 播放量 -->
              <p><span>4585.4</span>万</p>
            </div>
            <p>别急，甜甜的恋爱马上就轮到你了</p>
          </div>
        </div>
      </main>
    </div>
  </body>
</html>
